doctype html
html(lang='zh-CN')
  head
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    meta(name='viewport', content='width=device-width, initial-scale=1')
    title=title
    link(rel='stylesheet', href='./common/css/style.css')
    style.
      body{
        background: -webkit-gradient(linear, 0 0, right bottom, from(rgb(239, 239, 239)), to(rgb(255, 255, 255)));
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #202020;
      }
      .title{
        font-size: 1.5rem;
      }
      .id-block{
        font-size: 1rem;
      }
      .desc{
        font-size: .75rem;
      }
      #sid{
        color: #03a9f4;
        font-weight: 900;
        letter-spacing: 2px;
        word-break: break-all;
        width: 80%;
        text-align: center;
      }
  body
    p.title 无权访问
    if sid
      p.desc 请截图联系管理员添加该设备的权限
      p.id-block 您的设备 ID 为:
        p#sid
    else
      p.desc 请从优选数据客户端访问

  script.
    const searchArr = location.search.split(/[?=&]/)
    if(document.querySelector("#sid"))
    document.querySelector("#sid").innerHTML = searchArr[searchArr.indexOf('sid')+1]
